<template>

  <!--  风险点调查表单-->
  <div class="page_monitor-add">
    <el-form
      ref="form"
      :rules="rules"
      label-position="right"
      :model="currentRow"
      label-suffix="："
      label-width="140px">
      <el-card class="paicha_view">
        <p v-if="currentRow.id&&!isLook" style="color: red;font-weight: 600;text-align: center;margin-bottom: 10px">
          如需修改管养单位、路线、边坡三个选项，请联系管理员！</p>
        <p v-else-if="!currentRow.id&&!isLook"
           style="color: red;font-weight: 600;text-align: center;margin-bottom: 10px">
          提交表单后，管养单位、路线、边坡三个选项将不可修改，请谨慎选择！</p>

        <el-form-item label="管养单位" prop="deptTreeId" style="margin-top: 20px">
          <organization
            :disabled="currentRow.id==''||isLook||isEdit"
            v-model="currentRow.deptTreeId"
            placeholder="选择管养单位"
            @change="changeDept"
          ></organization>
        </el-form-item>
        <el-row>
          <el-col :span="12">
            <el-form-item label="调查单位" prop="investigationDeptTreeId">
              <organization
                :disabled="currentRow.id==''||isLook||isEdit"
                v-model="currentRow.investigationDeptTreeId"
                placeholder="选择调查单位"
                @change="changeDept"
              ></organization>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="路线" prop="roadId">
              <el-select
                :disabled="currentRow.id==''||isLook||isEdit"
                :popper-append-to-body="false"
                v-model="currentRow.roadId"
                clearable
                filterable
                placeholder="选择路线"
                @change="changeRoad">
                <el-option
                  v-for="item in roadSelectList"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="10">
            <el-form-item label="边坡" prop="slopeId">
              <el-select
                :popper-append-to-body="false"
                v-model="currentRow.slopeId"
                :disabled="isLook ||currentRow.id==''||isEdit"
                filterable
                clearable
                @change="changeSlope"
                placeholder="选择边坡">
                <el-option
                  v-for="item in slopeSelectList"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="边坡位置" prop="positionName">
              <el-input v-model="slopeInfo.positionName" disabled clearable placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="起止桩号" prop="stoke">
              <el-input v-model="slopeInfo.stoke" disabled clearable placeholder=""></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="调查人员" prop="investigator">
              <el-input v-model="currentRow.investigator" :disabled="isLook" clearable placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="7">
            <el-form-item label="调查日期" prop="investigationTime">
              <el-date-picker
                style="width: 100%"
                v-model="currentRow.investigationTime"
                type="date"
                :disabled="isLook"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="风险评估等级" prop="investigationTime">
              <el-tag size="mini" :style="currentRow.riskLevel| gradeDangerColorSlope" style="color: white;">
                {{currentRow.riskLevelName}}
              </el-tag>
            </el-form-item>
          </el-col>
        </el-row>
        <div style="margin-bottom: 30px">
          <el-divider><span style="font-size: 25px; color: #1990FE;">调查内容</span></el-divider>
        </div>
        <div v-if="form!==null" style="width: 100%" class="contentBoxs">
          <el-tabs style="margin-top: 30px" tab-position="top" v-model="activeNames1">
            <el-tab-pane label="(一)边坡基本信息" name="(一)边坡基本信息">
              <el-form-item>
                <el-radio-group v-model="form.slopeType" @change="changeRadio1()">
                  <el-radio-button :disabled="isLook||form.slopeTypeLook" v-for="item in EnumSlopeTypeList" :key="item.code" :label="item.code">{{item.name}}
                  </el-radio-button>
                </el-radio-group>
                <el-tabs v-model="activeNames3" tab-position="left">
                  <el-tab-pane v-for="item in EnumTypeList "
                               :key="item.name"
                               :label="item.name"
                               :name="item.name">
                    <div v-if="activeNames3=='(A)断面几何特征'">
                      <el-row :gutter="20">
                        <el-col :span="12" >
                          <span style="font-size: 110%;font-weight: 600">
                              边坡高度
                          </span>
                          <el-input
                            :disabled="isLook||form.aItem.input1Look"
                            placeholder="请输入"
                            v-model="form.aItem.input1">
                            <template slot="append">m</template>
                          </el-input>
                        </el-col>
                        <el-col :span="12" >
                          <span style="font-size: 110%;font-weight: 600">
                              边坡坡角度
                          </span>
                          <el-input
                            placeholder="请输入"
                            v-model="form.aItem.input2"
                          >
                            <template slot="append">
                              °
                            </template>

                          </el-input>
                        </el-col>
                      </el-row>
                    </div>
                    <div v-else-if="activeNames3=='(B)坡体结构(土质边坡)'">
                      <el-radio-group v-model="form.bItem.type">
                        <el-radio-button v-for="item in EnumBItemTypeList" :key="item.code" :label="item.code">{{item.name}}
                        </el-radio-button>
                      </el-radio-group>
                      <el-row v-if="form.bItem.type==1" :gutter="20">
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b11SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B11）土体类型</p>
                            <el-select
                              :disabled="isLook||form.bItem.select1Look"
                              v-model="form.bItem.select1" placeholder="（B11）土体类型" style="width: 100%"
                                       @change="changeItemSelect(form.bItem,'select1',b11SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b11SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b13SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B13）土体含水状
                              态</p>
                            <el-select       :disabled="isLook||form.bItem.select3Look" v-model="form.bItem.select3" placeholder="（B13）土体含水状态" style="width: 100%"
                                       @change="changeItemSelect(form.bItem,'select3',b13SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b13SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover

                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b12SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B12）土体密实程度</p>
                            <el-select      :disabled="isLook||form.bItem.select2Look" v-model="form.bItem.select2" placeholder="（B12）土体密实程度" style="width: 100%"
                                       @change="changeItemSelect(form.bItem,'select2',b12SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b12SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover

                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b14SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B14）黏性土稠度状态</p>
                            <el-select      :disabled="isLook||form.bItem.select4Look" v-model="form.bItem.select4" placeholder="（B14）黏性土稠度状态" style="width: 100%"
                                       @change="changeItemSelect(form.bItem,'select4',b14SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b14SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row v-if="form.bItem.type==2" :gutter="20">
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b11SelectList2)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B11）土体类型</p>
                            <el-select v-model="form.bItem.select1" placeholder="（B11）土体类型" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bItem,'select1',b11SelectList2)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b11SelectList2"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b13SelectList2)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B13）岩土界面与坡向关系</p>
                            <el-select v-model="form.bItem.select3" placeholder="（B13）岩土界面与坡向关系" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bItem,'select3',b13SelectList2)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b13SelectList2"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover

                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b12SelectList2)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B12）土体成因类型</p>
                            <el-select v-model="form.bItem.select2" placeholder="（B12）土体成因类型" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bItem,'select2',b12SelectList2)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b12SelectList2"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover

                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b14SelectList2)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B14）控制性层面</p>
                            <el-select v-model="form.bItem.select4" placeholder="（B14）控制性层面" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bItem,'select4',b14SelectList2)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b14SelectList2"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <div v-else-if="activeNames3=='(B)坡体结构(岩质边坡)'&&form.slopeType==2 ">
                      <el-radio-group v-model="form.bItem.type">
                        <el-radio-button v-for="item in EnumBItemTypeList" :key="item.code" :label="item.code">{{item.name}}
                        </el-radio-button>
                      </el-radio-group>
                      <el-row v-if="form.bItem.type==1" :gutter="20">
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b21SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B21）岩石
                              的坚硬程度</p>
                            <el-select      :disabled="isLook||form.bItem.select1Look" v-model="form.bItem.select1" placeholder="（B21）岩石
的坚硬程度" style="width: 100%"
                                       @change="changeItemSelect(form.bItem,'select1',b21SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b21SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b23SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B23）结构面结合程度</p>
                            <el-select :disabled="isLook||form.bItem.select3Look" v-model="form.bItem.select3" placeholder="（B23）结构面的结合程度" style="width: 100%"
                                       @change="changeItemSelect(form.bItem,'select3',b23SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b23SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b22SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 35px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 80%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 20%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B22）结构面发育程度</p>
                            <el-select      :disabled="isLook||form.bItem.select2Look" v-model="form.bItem.select2" placeholder="（B22）结构面发育程度" style="width: 100%"
                                       @change="changeItemSelect(form.bItem,'select2',b22SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b22SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b24SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 35px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 80%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 20%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>
                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B24）外倾结构面倾角</p>
                            <el-select v-model="form.bItem.select4" placeholder="（B24）外倾结构面倾角" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bItem,'select4',b24SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b24SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row v-if="form.bItem.type==2" :gutter="20">
                        <el-col :span="24" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b21SelectList2)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              岩质边坡岩体类型</p>
                            <el-select v-model="form.bItem.select1" placeholder="岩质边坡岩体类型" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bItem,'select1',b21SelectList2)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b21SelectList2"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>

                      </el-row>
                    </div>
                    <div v-else-if="activeNames3=='(B)坡体结构(岩质边坡)'&&form.slopeType==4">
                      <el-radio-group v-model="form.bbItem.type">
                        <el-radio-button v-for="item in EnumBItemTypeList" :key="item.code" :label="item.code">{{item.name}}
                        </el-radio-button>
                      </el-radio-group>
                      <el-row v-if="form.bbItem.type==1" :gutter="20">
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b21SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B21）岩石
                              的坚硬程度</p>
                            <el-select v-model="form.bbItem.select1" placeholder="（B21）岩石
的坚硬程度" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bbItem,'select1',b21SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b21SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b23SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B23）结构面结合程度</p>
                            <el-select v-model="form.bbItem.select3" placeholder="（B23）结构面的结合程度" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bbItem,'select3',b23SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b23SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b22SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 35px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 80%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 20%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B22）结构面发育程度</p>
                            <el-select v-model="form.bbItem.select2" placeholder="（B22）结构面发育程度" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bbItem,'select2',b22SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b22SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b24SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 35px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 80%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 20%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>
                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B24）外倾结构面倾角</p>
                            <el-select v-model="form.bbItem.select4" placeholder="（B24）外倾结构面倾角" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bbItem,'select4',b24SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b24SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row v-if="form.bbItem.type==2" :gutter="20">
                        <el-col :span="24" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b21SelectList2)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              岩质边坡岩体类型</p>
                            <el-select v-model="form.bbItem.select1" placeholder="岩质边坡岩体类型" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bbItem,'select1',b21SelectList2)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b21SelectList2"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>

                      </el-row>
                    </div>
                    <div v-else-if="activeNames3=='(B)坡体结构(填方边坡)'">

                      <el-row  :gutter="20">
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b41SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B41）坡体填料</p>
                            <el-select v-model="form.bItem.select1" placeholder="（B41）坡体填料" style="width: 100%"      :disabled="isLook||form.bItem.select1Look"
                                       @change="changeItemSelect(form.bItem,'select1',b41SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b41SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b43SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B43）基底条件</p>
                            <el-select v-model="form.bItem.select3" placeholder="（B43）基底条件" style="width: 100%"      :disabled="isLook||form.bItem.select3Look"
                                       @change="changeItemSelect(form.bItem,'select3',b43SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b43SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover

                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b42SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 80%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 20%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>
                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B42）填挖交界面或岩土接触面与坡向关系</p>
                            <el-select v-model="form.bItem.select2" placeholder="（B42）填挖交界面或岩土接触面与坡向关系" style="width: 100%" :disabled="isLook"
                                       @change="changeItemSelect(form.bItem,'select2',b42SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b42SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover

                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(b44SelectList1)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （B44）控制性层面</p>
                            <el-select v-model="form.bItem.select4" placeholder="（B44）控制性层面" style="width: 100%"      :disabled="isLook||form.bItem.select4Look"
                                       @change="changeItemSelect(form.bItem,'select4',b44SelectList1)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in b44SelectList1"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <div v-else-if="activeNames3=='(C)气象与水文地质条件'">
                      <el-row  :gutter="20">
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(c1SelectList)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 80%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 20%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>
                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （C1）年平均降雨量</p>
                            <el-input
                              :disabled="isLook||form.cItem.input1Look"
                              placeholder="请输入"
                              v-model="form.cItem.input1"
                            >
                              <template slot="append">
                                mm
                              </template>

                            </el-input>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover

                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(c2SelectList)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （C3）地表水活动</p>
                            <el-select           :disabled="isLook||form.cItem.select1Look" v-model="form.cItem.select1" placeholder="（C3）地表水活动" style="width: 100%"
                                       @change="changeItemSelect(form.cItem,'select1',c3SelectList)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in c3SelectList"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                        <el-col :span="12" >
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(c2SelectList)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （C2）日最大降雨量</p>
                            <el-input
                              :disabled="isLook||form.cItem.input2Look"
                              placeholder="请输入"
                              v-model="form.cItem.input2"
                            >
                              <template slot="append">
                                mm
                              </template>

                            </el-input>
                          </div>
                          <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                            <el-popover
                              placement="top-start"
                              title="选项分数"
                              width="460"
                              trigger="click"
                              @show="showPopver(c4SelectList)"
                              style="padding: 10px"
                            >
                              <div v-for="item in tipLists" :key="item.name">
                                <div
                                  style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                                  <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                    {{item.name}}:</p>
                                  <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                    {{item.title}}</p>

                                </div>
                                <hr>
                              </div>
                              <i slot="reference" class="el-icon-question"
                                 style="color: #303133;margin-right: 10px"></i>
                            </el-popover>
                            <p style="width: 300px;font-size: 15px;font-weight: 600">
                              （C4）地下水活动</p>
                            <el-select  :disabled="isLook||form.cItem.select2Look" v-model="form.cItem.select2" placeholder="（C4）地下水活动" style="width: 100%"
                                       @change="changeItemSelect(form.cItem,'select2',c4SelectList)" @focus="$forceUpdate()">
                              <el-option
                                v-for="item in c4SelectList"
                                :key="item.code"
                                :label="item.name"
                                :value="item.code">
                              </el-option>
                            </el-select>
                          </div>
                        </el-col>
                      </el-row>
                    </div>
                    <div v-else-if="activeNames3=='(D)区域地质条件'">
                      <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                        <el-popover

                          placement="top-start"
                          title="选项分数"
                          width="460"
                          trigger="click"
                          @show="showPopver(d1SelectList)"
                          style="padding: 10px"
                        >
                          <div v-for="item in tipLists" :key="item.name">
                            <div
                              style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                              <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                {{item.name}}:</p>
                              <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                {{item.title}}</p>

                            </div>
                            <hr>
                          </div>
                          <i slot="reference" class="el-icon-question"
                             style="color: #303133;margin-right: 10px"></i>
                        </el-popover>
                        <p style="width: 300px;font-size: 15px;font-weight: 600">
                          （D1）地震峰值</p>
                        <el-select v-model="form.dItem.select1" placeholder="（D1）地震峰值" style="width: 100%" :disabled="isLook||form.dItem.select1Look"
                                   @change="changeItemSelect(form.dItem,'select1',d1SelectList)" @focus="$forceUpdate()">
                          <el-option
                            v-for="item in d1SelectList"
                            :key="item.code"
                            :label="item.name"
                            :value="item.code">
                          </el-option>
                        </el-select>
                      </div>
                      <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                        <el-popover

                          placement="top-start"
                          title="选项分数"
                          width="460"
                          trigger="click"
                          @show="showPopver(d2SelectList)"
                          style="padding: 10px"
                        >
                          <div v-for="item in tipLists" :key="item.name">
                            <div
                              style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                              <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                {{item.name}}:</p>
                              <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                {{item.title}}</p>

                            </div>
                            <hr>
                          </div>
                          <i slot="reference" class="el-icon-question"
                             style="color: #303133;margin-right: 10px"></i>
                        </el-popover>
                        <p style="width: 300px;font-size: 15px;font-weight: 600">（D2）地质构造影响程度</p>
                        <el-select v-model="form.dItem.select2" placeholder="（D2）地质构造影响程度" style="width: 100%" :disabled="isLook"
                                   @change="changeItemSelect(form.dItem,'select2',d2SelectList)" @focus="$forceUpdate()">
                          <el-option
                            v-for="item in d2SelectList"
                            :key="item.code"
                            :label="item.name"
                            :value="item.code">
                          </el-option>
                        </el-select>
                      </div>
                      <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                        <el-popover

                          placement="top-start"
                          title="选项分数"
                          width="460"
                          trigger="click"
                          @show="showPopver(d3SelectList)"
                          style="padding: 10px"
                        >
                          <div v-for="item in tipLists" :key="item.name">
                            <div
                              style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                              <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                {{item.name}}:</p>
                              <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                {{item.title}}</p>
                            </div>
                            <hr>
                          </div>
                          <i slot="reference" class="el-icon-question"
                             style="color: #303133;margin-right: 10px"></i>
                        </el-popover>
                        <p style="width: 300px;font-size: 15px;font-weight: 600">
                          （D3）地层岩组</p>
                        <el-select v-model="form.dItem.select3" placeholder="（D3）地层岩组" style="width: 100%" :disabled="isLook"
                                   @change="changeItemSelect(form.dItem,'select3',d3SelectList)" @focus="$forceUpdate()">
                          <el-option
                            v-for="item in d3SelectList"
                            :key="item.code"
                            :label="item.name"
                            :value="item.code">
                          </el-option>
                        </el-select>
                      </div>
                    </div>
                    <div v-else-if="activeNames3=='(E)自然环境条件'">
                      <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                        <el-popover

                          placement="top-start"
                          title="选项分数"
                          width="460"
                          trigger="click"
                          @show="showPopver(e1SelectList)"
                          style="padding: 10px"
                        >
                          <div v-for="item in tipLists" :key="item.name">
                            <div
                              style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                              <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                {{item.name}}:</p>
                              <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                {{item.title}}</p>

                            </div>
                            <hr>
                          </div>
                          <i slot="reference" class="el-icon-question"
                             style="color: #303133;margin-right: 10px"></i>
                        </el-popover>
                        <p style="width: 300px;font-size: 15px;font-weight: 600">
                          （E1）坡顶地形</p>
                        <el-select v-model="form.eItem.select1" placeholder="（E1）坡顶地形" style="width: 100%" :disabled="isLook"
                                   @change="changeItemSelect(form.eItem,'select1',e1SelectList)" @focus="$forceUpdate()">
                          <el-option
                            v-for="item in e1SelectList"
                            :key="item.code"
                            :label="item.name"
                            :value="item.code">
                          </el-option>
                        </el-select>
                      </div>
                      <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                        <el-popover
                          placement="top-start"
                          title="选项分数"
                          width="460"
                          trigger="click"
                          @show="showPopver(e2SelectList)"
                          style="padding: 10px"
                        >
                          <div v-for="item in tipLists" :key="item.name">
                            <div
                              style="width: 100%;height: 35px;display: flex;align-content: center;justify-content: space-between">
                              <p style="width: 80%;height: 100%;font-size: 16px;font-weight: 600">
                                {{item.name}}:</p>
                              <p style="width: 20%;height: 100%;font-size: 16px;font-weight: 600">
                                {{item.title}}</p>
                            </div>
                            <hr>
                          </div>
                          <i slot="reference" class="el-icon-question"
                             style="color: #303133;margin-right: 10px"></i>
                        </el-popover>
                        <p style="width: 300px;font-size: 15px;font-weight: 600">（E2）植被发育情况</p>
                        <el-select v-model="form.eItem.select2" placeholder="（E2）植被发育情况" style="width: 100%" :disabled="isLook"
                                   @change="changeItemSelect(form.eItem,'select2',e2SelectList)" @focus="$forceUpdate()">
                          <el-option
                            v-for="item in e2SelectList"
                            :key="item.code"
                            :label="item.name"
                            :value="item.code">
                          </el-option>
                        </el-select>
                      </div>
                      <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                        <el-popover

                          placement="top-start"
                          title="选项分数"
                          width="460"
                          trigger="click"
                          @show="showPopver(e3SelectList)"
                          style="padding: 10px"
                        >
                          <div v-for="item in tipLists" :key="item.name">
                            <div
                              style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                              <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                                {{item.name}}:</p>
                              <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                                {{item.title}}</p>
                            </div>
                            <hr>
                          </div>
                          <i slot="reference" class="el-icon-question"
                             style="color: #303133;margin-right: 10px"></i>
                        </el-popover>
                        <p style="width: 300px;font-size: 15px;font-weight: 600">
                          （E3）不良地质</p>
                        <el-select v-model="form.eItem.select3" placeholder="（E3）不良地质" style="width: 100%" :disabled="isLook"
                                   @change="changeItemSelect(form.eItem,'select3',e3SelectList)" @focus="$forceUpdate()">
                          <el-option
                            v-for="item in e3SelectList"
                            :key="item.code"
                            :label="item.name"
                            :value="item.code">
                          </el-option>
                        </el-select>
                      </div>
                    </div>
                  </el-tab-pane>


                </el-tabs>

              </el-form-item>
            </el-tab-pane>
            <el-tab-pane label="(二)边坡技术状况" name="(二)边坡技术状况">
              <el-form-item style="width: 100%!important;">
                <el-table :data="technicalFormList" border style="width: 100%"
                          @selection-change="handleSelectionChange">
                  <el-table-column label="选择" align="center" width="65">
                    <template scope="scope">

                      <el-radio :label="scope.row.id" v-model="form.fItem.id"
                                @change.native="handleSelectionChange(scope.row,scope.$index)">&nbsp;
                      </el-radio>
                    </template>
                  </el-table-column>
                  <el-table-column prop="name" min-width="180" label="边坡名称"></el-table-column>
                  <el-table-column prop="techniqueTypeName" min-width="100" label="分数">
                    <el-table-column prop="techniqueTypeName" min-width="120" label="评定等级">
                      <template slot-scope="scope">
                        <span v-if="scope.row.techniqueTypeName === '计算错误'" style="color: #ff7a00">{{scope.row.techniqueTypeName}}</span>
                        <span v-else style="color: #4caf50">
                      <p>{{scope.row.score}}</p>
                      <el-tag size="mini" :style="scope.row.techniqueType| gradeDangerColor"
                              style="color: white">
                        {{scope.row.techniqueTypeName}}
                      </el-tag>
                    </span>
                      </template>
                    </el-table-column>
                    <template slot-scope="scope">
                      <span v-if="scope.row.techniqueTypeName === '计算错误'" style="color: #ff7a00">{{scope.row.techniqueTypeName}}</span>
                      <span v-else style="color: #4caf50">{{scope.row.techniqueTypeName}}</span>
                    </template>
                  </el-table-column>
                  <el-table-column prop="investigateTime" width="120" label="调查日期">
                    <template slot-scope="scope">{{scope.row.investigationTime | formatTimer2}}</template>
                  </el-table-column>
                  <el-table-column prop="count" width="100" sortable label="次序"></el-table-column>
                </el-table>
              </el-form-item>
            </el-tab-pane>
            <el-tab-pane label="（三）边坡功能信息" name="（三）边坡功能信息">
              <el-form-item label-width="100px">
                <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                  <el-popover
                    placement="top-start"
                    title="选项分数"
                    width="460"
                    trigger="click"
                    @show="showPopver(oSelectList)"
                    style="padding: 10px"
                  >
                    <div v-for="item in tipLists" :key="item.name">
                      <div
                        style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                        <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                          {{item.name}}:</p>
                        <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                          {{item.title}}</p>

                      </div>
                      <hr>
                    </div>
                    <i slot="reference" class="el-icon-question"
                       style="color: #303133;margin-right: 10px"></i>
                  </el-popover>
                  <p style="width: 300px;font-size: 15px;font-weight: 600">
                    (O)公路等级</p>
                  <el-select v-model="form.oItem.select1" placeholder="(O)公路等级" style="width: 100%" :disabled="isLook||form.oItem.select1Look"
                             @change="changeItemSelect(form.oItem,'select1',oSelectList)" @focus="$forceUpdate()">
                    <el-option
                      v-for="item in oSelectList"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code">
                    </el-option>
                  </el-select>
                </div>
              </el-form-item>
              <el-form-item label-width="100px">
                <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                  <el-popover

                    placement="top-start"
                    title="选项分数"
                    width="460"
                    trigger="click"
                    @show="showPopver(pSelectList)"
                    style="padding: 10px"
                  >
                    <div v-for="item in tipLists" :key="item.name">
                      <div
                        style="width: 100%;height: 60px;display: flex;align-content: center;justify-content: space-between">
                        <p style="width: 80%;height: 100%;font-size: 16px;font-weight: 600">
                          {{item.name}}:</p>
                        <p style="width: 20%;height: 100%;font-size: 16px;font-weight: 600">
                          {{item.title}}</p>

                      </div>
                      <hr>
                    </div>
                    <i slot="reference" class="el-icon-question"
                       style="color: #303133;margin-right: 10px"></i>
                  </el-popover>
                  <p style="width: 300px;font-size: 15px;font-weight: 600">(P)公路边坡周边设施</p>
                  <el-select v-model="form.pItem.select1" placeholder="(P)公路边坡周边设施" style="width: 100%"
                             :disabled="isLook"   @change="changeItemSelect(form.pItem,'select1',pSelectList)" @focus="$forceUpdate()">
                    <el-option
                      v-for="item in pSelectList"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code">
                    </el-option>
                  </el-select>
                </div>
              </el-form-item>
              <el-form-item label-width="100px">
                <div style="width:100%;display:flex;align-items: center;margin-bottom: 10px">
                  <el-popover

                    placement="top-start"
                    title="选项分数"
                    width="460"
                    trigger="click"
                    @show="showPopver(qSelectList)"
                    style="padding: 10px"
                  >
                    <div v-for="item in tipLists" :key="item.name">
                      <div
                        style="width: 100%;height: 30px;display: flex;align-content: center;justify-content: space-between">
                        <p style="width: 50%;height: 100%;font-size: 20px;font-weight: 600">
                          {{item.name}}:</p>
                        <p style="width: 50%;height: 100%;font-size: 16px;font-weight: 600">
                          {{item.title}}</p>

                      </div>
                      <hr>
                    </div>
                    <i slot="reference" class="el-icon-question"
                       style="color: #303133;margin-right: 10px"></i>
                  </el-popover>
                  <p style="width: 300px;font-size: 15px;font-weight: 600">(Q)边坡灾害对公路的危害程度</p>
                  <el-select v-model="form.qItem.select1" placeholder="(Q)边坡灾害对公路的危害程度" style="width: 100%"
                             :disabled="isLook"   @change="changeItemSelect(form.qItem,'select1',qSelectList)" @focus="$forceUpdate()">
                    <el-option
                      v-for="item in qSelectList"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code">
                    </el-option>
                  </el-select>
                </div>
              </el-form-item>

            </el-tab-pane>
            <el-tab-pane label="边坡风险评价" name="边坡风险评价">
              <div style="width: 100%;height: 550px;overflow-y: auto">
                <el-form-item>
                  <!--  边坡灾害危险性评价-->
                  <div
                    style="width: 100%;height: 40px;line-height: 40px;color: white;background: #1990FE;font-size: 16px;font-weight: 600;border-radius: 20px;box-sizing: border-box;padding-left: 20px;margin-bottom: 10px">
                    边坡灾害危险性评价
                  </div>
                  <div style="width: 50%;display: inline-block;margin-bottom: 10px;">
                    <span style="width:150px;display: inline-block;font-size: 13px"> (A)断面几何特征</span>
                    <el-input-number v-model="form.weightItem.codeA" @change="handleChange(true);$forceUpdate()" :min="1"
                                     :max="6" size="mini"
                                     :disabled="isLook"></el-input-number>
                    <span style="color: #848484" v-if="typeof(form.weightItem.codeA) =='number'">
                                                    权重:γ:{{form.weightItem.codeA|weightEchoHandel(6)}}
                    </span>

                  </div>
                  <div style="width: 50%;display: inline-block;margin-bottom: 10px;">
                    <span style="width:150px;display: inline-block;font-size: 13px"> (B)坡体结构</span>
                    <el-input-number v-model="form.weightItem.codeB" @change="handleChange(true);$forceUpdate()" :min="1"
                                     :max="6" size="mini"
                                     :disabled="isLook"></el-input-number>
                    <span style="color: #848484" v-if="typeof(form.weightItem.codeB) =='number'">
                                                    权重:γ:{{form.weightItem.codeB|weightEchoHandel(6)}}
                    </span>

                  </div>
                  <div style="width: 50%;display: inline-block;margin-bottom: 10px;">
                    <span style="width:150px;display: inline-block;font-size: 13px"> (C)气象与水文地质条件</span>
                    <el-input-number v-model="form.weightItem.codeC" @change="handleChange(true);$forceUpdate()" :min="1"
                                     :max="6" size="mini"
                                     :disabled="isLook"></el-input-number>
                    <span style="color: #848484" v-if="typeof(form.weightItem.codeC) =='number'">
                                                    权重:γ:{{form.weightItem.codeC|weightEchoHandel(6)}}
                    </span>

                  </div>
                  <div style="width: 50%;display: inline-block;margin-bottom: 10px;">
                    <span style="width:150px;display: inline-block;font-size: 13px">(D)区域地质条件</span>
                    <el-input-number v-model="form.weightItem.codeD" @change="handleChange(true);$forceUpdate()" :min="1"
                                     :max="6" size="mini"
                                     :disabled="isLook"></el-input-number>
                    <span style="color: #848484" v-if="typeof(form.weightItem.codeD) =='number'">
                                                    权重:γ:{{form.weightItem.codeD|weightEchoHandel(7)}}
                    </span>

                  </div>
                  <div style="width: 50%;display: inline-block;margin-bottom: 10px;">
                    <span style="width:150px;display: inline-block;font-size: 13px"> (E)自然环境条件</span>
                    <el-input-number v-model="form.weightItem.codeE" @change="handleChange(true);$forceUpdate()" :min="1"
                                     :max="6" size="mini"
                                     :disabled="isLook"></el-input-number>
                    <span style="color: #848484" v-if="typeof(form.weightItem.codeE) =='number'">
                                                    权重:γ:{{form.weightItem.codeE|weightEchoHandel(6)}}
                    </span>
                  </div>
                  <div style="width: 50%;display: inline-block;margin-bottom: 10px;">
                    <span style="width:150px;display: inline-block;font-size: 13px"> (F)边坡技术状况</span>
                    <el-input-number v-model="form.weightItem.codeF" @change="handleChange(true);$forceUpdate()" :min="1"
                                     :max="6" size="mini"
                                     :disabled="isLook"></el-input-number>
                    <span style="color: #848484" v-if="typeof(form.weightItem.codeF) =='number'">
                                                    权重:γ:{{form.weightItem.codeF|weightEchoHandel(6)}}
                    </span>
                  </div>
                  <!--  边坡灾害危害性评价-->
                  <div class="calculationBox"
                       style="text-align: left;width: 100%;height: 40px;line-height: 40px;color: white;background: #1990FE;font-size: 16px;font-weight: 600;border-radius: 20px;box-sizing: border-box;padding-left: 20px;margin-bottom: 10px">
                    边坡灾害危害性评价
                  </div>
                  <div style="width: 33%;display: inline-block">
                    <span>(O)公路等级</span>
                    <span style="color: #848484">
                            权重：γ:0.33
                        </span>
                  </div>
                  <div style="width: 33%;display: inline-block">
                    <span>(P)边坡周边设施</span>
                    <span style="color: #848484">
                           权重：γ:0.11
                        </span>
                  </div>
                  <div style="width: 33%;display: inline-block">
                    <span>(Q)边坡灾害对公路的危害程度</span>
                    <span style="color: #848484">
                            权重：γ:0.56
                        </span>
                  </div>
                  <div class="calculationBox"
                       style="text-align: left;width: 100%;height: 40px;line-height: 40px;color: white;background: #1990FE;font-size: 16px;font-weight: 600;border-radius: 20px;box-sizing: border-box;padding-left: 20px;margin-bottom: 10px">
                    计算分数
                  </div>
                  <el-button type="primary" class=" common_btn-defalut" @click="calculation()">点击计算</el-button>
                  <el-row :gutter="4" v-if="calculationData.length!==0">
                    <el-col :span="4">
                      <p><span>(A)断面几何特征：</span>
                        <span style="color: #848484">
                           {{calculationData.ascore}}
                        </span></p>
                      <p><span>(F)边坡技术状况：</span>
                        <span style="color: #848484">
                       {{calculationData.fscore}}
                        </span></p>
                      <p><span>灾害危险性指数：</span>
                        <span style="color: #848484">
                              {{calculationData.sh}}
                        </span></p>
                    </el-col>
                    <el-col :span="5">
                      <p><span>(B)坡体结构：</span>
                        <span style="color: #848484">
                      {{calculationData.bscore}}
                        </span></p>
                      <p><span>(O)公路等级</span>
                        <span style="color: #848484">
                          {{calculationData.oscore}}
                        </span></p>
                      <p><span>灾害危险度：</span>
                        <span style="color: #848484">
                              {{calculationData.shd}}
                        </span></p>
                    </el-col>
                    <el-col :span="5">
                      <p><span>(C)气象与水文地质条件：</span>
                        <span style="color: #848484">
                     {{calculationData.cscore}}
                        </span></p>
                      <p><span>(P)边坡周边设施</span>
                        <span style="color: #848484">
                          {{calculationData.pscore}}
                        </span></p>
                      <p><span>工程风险指数：</span>
                        <span style="color: #848484">
                      {{calculationData.sri}}
                        </span></p>
                    </el-col>
                    <el-col :span="5">
                      <p><span>(D)区域地质条件：</span>
                        <span style="color: #848484">
                          {{calculationData.dscore}}
                        </span></p>
                      <p><span>(Q)边坡灾害对公路的危害程度</span>
                        <span style="color: #848484">
                          {{calculationData.qscore}}
                        </span></p>
                      <p><span>灾害危害性指数：</span>
                        <span style="color: #848484">
                          {{calculationData.sv}}
                        </span></p>
                    </el-col>
                    <el-col :span="5">
                      <p><span>(E)自然环境条件</span>
                        <span style="color: #848484">
                           {{calculationData.escore}}
                        </span></p>
                      <p><span>     &nbsp;</span>
                        <span style="color: #848484">
                           &nbsp;
                        </span></p>
                      <p><span>灾害危害度：</span>
                        <span style="color: #848484">
                          {{calculationData.svd}}
                        </span></p>
                    </el-col>
                  </el-row>
                </el-form-item>
              </div>

            </el-tab-pane>
            <el-tab-pane label="边坡工程简图" name="边坡工程简图">
              <el-form-item v-if="isPicShow" label="上传照片" prop="picture" style="width: 100%!important;">
                <upload-img v-model="currentRow.picList" :limit="6" :size-limit="6" ref="uploadPic"></upload-img>
              </el-form-item>
            </el-tab-pane>

          </el-tabs>
        </div>
        <div v-else-if="form==null" style="text-align: center;line-height: 20vw"><p style="color: #1990FE;font-weight: 600;font-size: 80px;">专家评估</p></div>
      </el-card>
    </el-form>
  </div>
</template>
<script>
  import { sloppeAddNew, sloppeUpdateNew, calcOnlineNew} from "@/services/model/form";
  import ItemMixins from "../item.mixins";
  import Organization from "@/components/organization-unit/all";
  import UploadImg from '@/components/upload-img2'
  import Enums from '@/utils/enums'

  export default {
    props: ['isLook'],
    components: {
      Organization,
      UploadImg,
    },
    mixins: [ItemMixins,Enums],
    data() {
      return {
        picShow:false,
        row:'',
        isEdit:false,
        form: {
          slopeType: 1,
          aItem: {},
          bItem: {type:1},
          bbItem: {type:1},
          cItem: {},
          dItem: {},
          eItem: {},
          fItem: {},
          oItem: {
            select1: ''
          },
          pItem: {
            select1: ''
          },
          qItem: {
            select1: ''
          },
          weightItem:{
            codeA: null, codeB: null, codeC: null, codeD: null, codeE: null, codeF: null

          }
        },
        radio: '',
        technicalFormList: [],
        isweightEchoHandel: false,
        isSee: false,
        stepActive: 1,
        tipLists: [],
        calculationData: [],//计算数据
        rules: {
          deptTreeId: {required: true, message: "请选择管养单位"},
          roadId: {required: true, message: "请选择路线"},
          slopeId: {required: true, message: "请选择边坡"},
          patrolTime: {required: true, message: "请选择调查时间"},
          userName: {required: true, message: "请输入调查人"},
        },
        activeNames1: '(一)边坡基本信息',
        activeNames2: '(E)自然环境条件',
        activeNames3: '(A)断面几何特征',
        currentRow: {
          formId: 6,
        },
        template: [],

        EnumMaintenanceInspectionList: [],
        EnumBItemTypeList:[{code:1,name:' 指标一'},{code:2,name:' 指标二'}],
        EnumTypeList: [{name: '(A)断面几何特征'}, {name: '(B)坡体结构(土质边坡)'}, {name: '(C)气象与水文地质条件'}, {name: '(D)区域地质条件'}, {name: '(E)自然环境条件'}],
        EnumSlopeTypeList: [{code: 1, name: '土质边坡'}, {code: 2, name: '岩质边坡'}, {code: 3, name: '填方边坡'},
        //   {
        //   code: 4,
        //   name: '土石边坡'
        // }
        ],
        // 土质边坡1
        b11SelectList1: [{code: 13, name: '碎石土'}, {code: 20, name: '砂土'}, {code: 27, name: '粉土'}, {
          code: 34,
          name: '黏性土'
        }],
        b12SelectList1: [{code: 13, name: '密实'}, {code: 20, name: '中密'}, {code: 27, name: '稍密'}, {code: 34, name: '松散'}],
        b13SelectList1: [{code: 13, name: '稍湿'}, {code: 20, name: '湿'}, {code: 33, name: '很湿'}],
        b14SelectList1: [{code: 17, name: '坚硬'}, {code: 33, name: '硬塑'}, {code: 50, name: '可塑'}, {code: 66, name: '软塑'}],
        // 土质边坡2
        b11SelectList2: [{code: 4, name: '碎石土'}, {code: 8, name: '砂土'}, {code: 12, name: '粉土'}, {
          code: 20,
          name: '黏性土'
        }],
        b12SelectList2: [{code: 8, name: '反坡'}, {code: 16, name: '近水平（0～10°）'}, {code: 24, name: '缓坡（10～20°）'}, {
          code: 30,
          name: '陡坡（＞20°）'
        }],
        b13SelectList2: [{code: 8, name: '人工填土'}, {code: 16, name: '残坡积土'}, {code: 24, name: '崩坡积土'}, {
          code: 30,
          name: '滑坡堆积土'
        }],
        b14SelectList2: [{code: 10, name: '无外倾结构面或软弱层'}, {code: 20, name: '有外倾结构面或软弱层'}],

        // 岩质边坡坡体结构指标评分值1
        b21SelectList1: [{code:  4, name: '坚硬岩'}, {code: 8, name: '较坚硬岩'}, {code: 12, name: '较软岩'}, {
          code: 16, name: '软岩'}, {code: 20, name: '软岩'}],
        b22SelectList1: [{code:  4, name: '结构面1～2 组，平均间距＞1m，呈整体或巨厚层状\n' +
            '结构'}, {code: 8, name: '结构面1～3 组，平均间距1～0.4m，呈块状或厚层\n' +
            '状结构'}, {code: 12, name: '结构面≥3 组，平均间距1～0.2m，呈裂隙块状或中\n' +
            '厚层状，镶嵌碎裂、薄层状结构'}, {
          code: 16, name: '结构面≥3 组，平均间距0.4～0.2m，呈裂隙块状或\n' +
            '碎裂结构'}, {code: 20, name: '结构面发育密集无序，岩体呈散体状结构'}],
        b23SelectList1: [ {code: 8, name: '好'}, {code: 12, name: '一般'}, {
          code: 16, name: '差'}, {code: 20, name: '很差'}],
        b24SelectList1: [ {code: 16, name: '近水平（0～5°）或内倾、外倾角大于坡角'}, {code: 24, name: '＞75°或＜15° 24'}, {
          code: 32, name: '15°～25°'}, {code: 40, name: '25°～75°'}],
        // 岩质边坡坡体结构指标评分值2
        b21SelectList2: [{code:  25 ,name: 'Ⅰ类'}, {code: 50, name: 'Ⅱ类'}, {code: 75, name: 'Ⅲ类'}, {
          code: 100, name: 'Ⅵ类'},],


        // 填方边坡坡体结构指标评分值
        b41SelectList1: [{code:  8 ,name: '巨粒土'}, {code: 12, name: '粗粒土'}, {code: 20, name: '细粒土'}],
        b42SelectList1: [{code:  10 ,name: '反坡'}, {code: 20, name: '近水平（0～10°）'}, {code: 30, name: '缓坡（10°≤交界面坡度≤20°）'}, {code: 40, name: '陡坡（交界面坡度＞20°）'}],
        b43SelectList1: [{code:  8 ,name: '硬质岩'}, {code: 12, name: '软质岩'}, {code: 20, name: '土层'}],
        b44SelectList1: [{code:  10 ,name: '无外倾结构面或软弱层'}, {code: 20, name: '有外倾结构面或软弱层'}],

        // 气象与水文地质条件指标评分值
        c1SelectList: [{code:  8 ,name: '𝑄年≤1000mm'}, {code: 12, name: '1000mm<𝑄年≤1200mm 12'},{code: 16, name: '1200mm<𝑄年≤1400mm'}, {code: 20, name: '𝑄年>1400mm'}],
        c2SelectList: [{code:  8 ,name: '𝑄日≤1000mm'}, {code: 16, name: '100mm<𝑄日≤200mm'},{code: 24, name: '200mm<𝑄日≤400mm'}, {code: 30, name: '𝑄日>400mm'}],
        c3SelectList: [{code:  8 ,name: '排泄畅'}, {code: 16, name: '排泄较畅'},{code: 24, name: '排泄较不畅'}, {code: 30, name: '排泄不畅'}],
        c4SelectList: [{code:  8 ,name: '坡面无渗水'}, {code: 12, name: '坡面点状渗水'},{code: 16, name: '坡面线状渗水'}, {code: 20, name: '坡面面状渗水'}],

        // 区域地质条件
        d1SelectList: [{code:  10 ,name: 'α≤0.05g'}, {code: 20, name: '0.05g<α≤0.15g'},{code: 30, name: '0.15g<α≤0.20g'}, ],
        d2SelectList: [{code:  8 ,name: '基本无断裂作用带'}, {code: 16, name: '弱作用带'},{code: 24, name: '中等强度作用带'}, {code: 30, name: '强作用带'}],
        d3SelectList: [{code:  10 ,name: '稳定岩组'}, {code: 20, name: '偶滑岩组'},{code: 30, name: '较易滑岩组'},{code: 40, name: '易滑岩组'} ],

        // 自然环境条件指标评分值
        e1SelectList: [{ code: 8, name: '反坡' }, { code: 16, name: '近水平(0~10°)' }, { code: 24, name: '缓坡 (10~20°)' }, { code: 30, name: '陡坡 (>20°)' }],
        e2SelectList: [{code:  8 ,name: '植被茂盛，灌木丛生，乔木发育；或植被覆盖率＞60%'}, {code: 16, name: '植被较发育，灌木丛生，少乔木；或植被覆盖率30%～60%'},{code: 24, name: '植被稀少，以草为主；或植被覆盖\n' +
            '率10%～30%'}, {code: 30, name: '基岩裸露；或植被覆盖率＜10%'}],
        e3SelectList: [{code:  10 ,name: '弱发育或不发育'}, {code: 20, name: '中等发育'},{code: 40, name: '强发育'} ],

        oSelectList: [{code: 76, name: '四级公路及以下'}, {code: 85, name: '三级公路'}, {code: 92, name: '二级公路'}, {
          code: 100,
          name: '高速公路及一级公路'
        }],
        pSelectList: [{code: 76, name: '设施位于下述范围外'}, {
          code: 85,
          name: '在坡顶以外1.5倍坡高、路基下方2.0倍坡高范围及两侧有地表建筑物、地下埋藏物、高压线、水体设施'
        }, {code: 92, name: '在坡顶以外1.0倍坡高、路基下方1.5倍坡高范围及两侧有地表建筑物、地下埋藏物、高压线、水体设施'}, {
          code: 100,
          name: '在坡顶以外0.5倍坡高、路基下方1.0倍坡高范围及两侧有隧道、桥梁、地表建筑物、地下埋藏物、高压线、水体设施'
        }],
        qSelectList: [{code: 76, name: '无或轻微'}, {code: 85, name: '不严重'}, {code: 92, name: '较严重'}, {
          code: 100,
          name: '严重'
        }],
      };
    },
    computed: {
      EnumCameraTypeList() {
        let list = []
        this.EnumEquipTypeList.map(x => {
          if (x.flag == 0) {
            list.push(x)
          }
        })
        return list
      },
      // 弹窗的title
      dialogTitle() {
        return this.form.id ? '编辑采集仪' : '新增采集仪'
      },
      isPicShow() {
        return this.activeNames1=='边坡工程简图' ? true : false
      },
    },
    filters: {
      gradeDangerColor(val) {
        switch (val) {
          case 0:
            return 'background-color:#0DC26B'
          case 1:
            return 'background-color:#0073b7'
          case 2:
            return 'background-color:#f39c12'
          case 3:
            return 'background-color:#ff851b'
          case 4:
            return 'background-color:#e43321'
          default:
            return 'background-color:#e43321'
        }
      },
      weightEchoHandel(weight, length) {
        if (weight < 1 || length < 1) {
          return '0'
        }
        let echo = [
          [1],
          [0.75, 0.25],
          [0.56, 0.33, 0.11],
          [0.44, 0.31, 0.19, 0.06],
          [0.36, 0.28, 0.2, 0.11, 0.05],
          [0.31, 0.25, 0.19, 0.14, 0.08, 0.03],
          [0.27, 0.22, 0.18, 0.14, 0.1, 0.06, 0.03],
          [0.23, 0.2, 0.17, 0.14, 0.11, 0.08, 0.05, 0.02],
          [0.21, 0.19, 0.16, 0.14, 0.01, 0.09, 0.06, 0.03, 0.01],
          [0.19, 0.17, 0.15, 0.13, 0.11, 0.09, 0.07, 0.05, 0.03, 0.01]
        ]
        return echo[length - 1][weight - 1]
      },
    },
    methods: {
      // 下拉选择获取Name
      changeItemSelect(item,name,list){
        list.filter((x)=>{
          if( x.code== item[`${name}`]){
            return  item[`${name}Name`] = x.name

          }
        })

        this.$forceUpdate()
      },
      changeRadio1() {
        if (this.form.slopeType == 1) {
          this.EnumTypeList = [{name: '(A)断面几何特征'}, {name: '(B)坡体结构(土质边坡)'}, {name: '(C)气象与水文地质条件'}, {name: '(D)区域地质条件'}, {name: '(E)自然环境条件'}]
        } else if (this.form.slopeType == 2) {
          this.EnumTypeList = [{name: '(A)断面几何特征'}, {name: '(B)坡体结构(岩质边坡)'}, {name: '(C)气象与水文地质条件'}, {name: '(D)区域地质条件'}, {name: '(E)自然环境条件'}]
        } else if (this.form.slopeType == 3) {
          this.EnumTypeList = [{name: '(A)断面几何特征'}, {name: '(B)坡体结构(填方边坡)'}, {name: '(C)气象与水文地质条件'}, {name: '(D)区域地质条件'}, {name: '(E)自然环境条件'}]
        }else if (this.form.slopeType == 4) {
          this.EnumTypeList = [{name: '(A)断面几何特征'}, {name: '(B)坡体结构(土质边坡)'}, {name: '(B)坡体结构(岩质边坡)'}, {name: '(C)气象与水文地质条件'}, {name: '(D)区域地质条件'}, {name: '(E)自然环境条件'}]
        }
        this.activeNames3='(A)断面几何特征'
        this.$forceUpdate()
      },
      //在线计算
      async calculation() {
        let form =this.form
        let currentRow = this.currentRow
        currentRow.form = form
        let res = await calcOnlineNew(currentRow)
        this.calculationData = res.data
      },
      showPopver(value) {
        this.tipLists = []
        value.forEach((item) => {
          this.tipLists.push({
            name: item.name,
            title: item.code
          })

        })
      },
      // 多选
      handleChange(weight, length) {
        if (weight == true) {
          this.isweightEchoHandel = true

        }
      },

      changeZhiHu(val, item, name) {
        //展示处理
        this.template.map(x => {
          if (x.name === name) {
            x.childList.map(y => {
              y.weight = ''
            })
          }
        })
        // this.$forceUpdate()
      },
      changeZhiHu2(val, item, name) {

      },
      changeZhiHu3(val, items) {
      },
      handleSelectionChange(currentRow, index) {
        this.form.fItem = {
          id: currentRow.id,
          radio1: Number(index),
          slopeNo: currentRow.slopeNo,
          techniqueTypeName: currentRow.techniqueTypeName,
          investigateTime: currentRow.investigateTime,
          count: currentRow.count,
          score: currentRow.score,
          techniqueType: currentRow.techniqueType
        }
        this.$forceUpdate()
      },
      async getTemplate(row,type) {
        if(type=='isEdit'){
          this.isEdit=true
        }
        this.row=''
        this.currentRow = {formId: 6,}
        this.template = []
        if (row) {
          this.row=row
          this.currentRow = row
          this.form=row.form
          this.template = row.formList
          this.$forceUpdate()
          this.changeDept(row)
        } else {
          this.currentRow = {}
          this.form = {
            slopeType: 1,
            aItem: {},
            bItem: {type:1},
            bbItem: {type:1},
            cItem: {},
            dItem: {},
            eItem: {},
            fItem: {id: ''},
            oItem: {
              select1: ''
            },
            pItem: {
              select1: ''
            },
            qItem: {
              select1: ''
            },
            weightItem:{
              codeA: null, codeB: null, codeC: null, codeD: null, codeE: null, codeF: null

            }
          }
          this.template.weight = 1

        }
      },
      // 新增编辑提交数据
      async submitData() {
        this.currentRow.formJson = JSON.stringify(this.template);
        let action = this.currentRow.id ? sloppeUpdateNew : sloppeAddNew
        let res = await action(this.currentRow);
        if (res.code === 200) {
          this.currentRow = {};
          this.template = []
          this.$notify({
            type: "success",
            title: "提示",
            message: "添加成功",
          });
          this.$emit("submitClose");
        }
      },
      // 表单校验
      validatorForm() {

        return new Promise((resolve) => {
          this.$refs.form.validate((valid) => {
            if (valid && resolve) {
              this.submitData();
            }
          });
        });
      },
      //获取路线列表
      async changeDept(row) {
        let list
        if(row){
         list = await this.getRoadListByDept(row.deptTreeId);
        }else {
        list = await this.getRoadListByDept(this.currentRow.deptTreeId);
        }
        this.currentRow.investigationDeptTreeId = this.currentRow.deptTreeId
        if (list.length > 0) {
          if(!row){
            this.$set(this.currentRow, "roadId", list[0].id);
          }
          this.changeRoad(row)
        } else {
          this.$set(this.currentRow, "roadId", "");
          this.$set(this.currentRow, "slopeId", "");
        }
      },
      //查询灾害点列表
      async changeRoad(row) {
        this.slopeSelectList = [];
        const {roadId, deptTreeId} = this.currentRow;
        let list = await this.getSelectSlopeList(deptTreeId, roadId)
          if (list.length > 0) {
            if(!this.row){
              this.$set(this.currentRow, "slopeId", list[0].id);
              this.getSlopeInfo(list[0].id,'slppeEngineeringForm','',row)
              this.getTechnicalFormSelectNew(list[0].id,row)

            }else {
              this.getTechnicalFormSelectNew(this.currentRow.slopeId,row)

              this.getSlopeInfo(this.currentRow.slopeId,'slppeEngineeringForm','',row)

            }


          } else {

            this.$set(this.currentRow, "slopeId", "");
          }

      },
      changeSlope() {

        this.getSlopeInfo(this.currentRow.slopeId,'slppeEngineeringForm')
        this.getTechnicalFormSelectNew(this.currentRow.slopeId)

      },
    },
    created() {
    },
    mounted() {
      // 启用状态枚举
      this.queryDictList(["EnumMaintenanceInspection"], ["EnumMaintenanceInspectionList"]);

    },
    activated() {
    },
  };
</script>
<style lang="less" scoped>
  .hover_card {
    height: 100px;
    line-height: 90px;
    font-size: 20px;
    margin-top: 10px;

  }

  .page_monitor-add {
    margin: 0 auto;
    .page-title {
      margin-bottom: 20px;
      padding: 28px;
      font-size: 30px;
      line-height: 18px;
      text-align: center;
      color: #1990FE;
      font-weight: 600;
      border-radius: 20px;
      box-shadow: 0px 0px 4px #161616;
      margin-top: 10px;
    }

    /deep/ .el-tabs__item.is-active {
      font-size: 20px;
      border-radius: 5px;
      font-weight: 600;
      color: white;
      text-align: center;
      background-color: #1990FE;
      padding: 0 10px;
    }

    /deep/ .el-tabs__content {
      height: 600px;
      /*overflow: auto;*/
    }

    /deep/ .el-tabs__item {
      font-size: 16px;
    }
  }

  .form_box {
    padding: 20px;
  }

  .s-white {
    color: #ffffff;
  }

  .el-steps--simple {
    margin-bottom: 20px;
  }

  .button-foot {
    margin-top: 10px;
    text-align: center;
    padding: 10px;

    .el-button {
      background: #1990FE;
      border: none;
    }
  }

  .paicha_view {
    overflow: auto;
    height: 88vh;

    /deep/ .el-checkbox-button.is-checked .el-checkbox-button__inner {
      background-color: #1990FE;
      border-color: #1990FE;

      margin-top: 10px;
      margin-bottom: 20px;

    }

    /deep/ .el-checkbox-button__inner {
      margin-top: 10px;
      margin-bottom: 20px;
      border-left: 1px solid #DCDFE6 !important;
    }

    /deep/ .el-tabs__active-bar {
      height: 0px
    }

    .el-tabs {
      padding-left: 40px;

      .el-tabs__active-bar {
        background: #1990FE;
      }

      .el-tabs__item {
        color: white;
      }

      .is-active {
        color: #1990FE;
      }

      .el-radio-button {
        span:hover {
          color: white;
          background: #1990FE;
        }
      }
    }

    .el-input--suffix .el-input__inner {
      color: #1990FE;
    }

    .el-card {
      box-shadow: 0px 0px 8px #757575;
      background: #ffffff;
      color: #1990FE;
      box-shadow: none;
      // font-size: 140%;
    }
  }

  .hover_card:hover {
    background: #1990FE !important;
    font-size: 210%;
    color: white !important;
    font-weight: 600;
  }

  // 设置单选框选中颜色
  .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background: #1990FE;
    border-color: #1990FE;
  }

  .paicha_view .el-card {
    border: 1px solid #1990FE !important;
  }

  /*/deep/.el-checkbox-button {*/
  /*width:80px !important;*/
  /*  margin-right: 20px !important;*/
  /*}*/
  .transition-box {
    margin-bottom: 10px;
    width: 200px;
    height: 100px;
    border-radius: 4px;
    background-color: #409EFF;
    text-align: center;
    color: #fff;
    padding: 40px 20px;
    box-sizing: border-box;
    margin-right: 20px;
  }

  /deep/ .el-collapse .el-collapse-item__header {
    background: #1990FE;
    color: white;
    font-weight: 600;
    font-size: 110%;
    margin-bottom: 10px;


  }

  /deep/ .el-row {
    /deep/ .el-col {
      font-weight: 600;
      font-size: 110%;
    }
  }

  /deep/ .el-form-item {

  }

  .contentBoxs {
    ::-webkit-scrollbar {
      width: 0px;
      height: 0px;

    }

    //滚动条的滑块
    ::-webkit-scrollbar-thumb {
      background-color: #1990FE;
      border-radius: 0px;

    }

    /deep/ .el-form-item__content {
      margin-left: 0px !important;
    }

    /deep/ .el-collapse .el-collapse-item__header {
      margin-right: 20px;
    }
  }

  .contentBoxs {
    width: 100%;
    height: 30vh;

  }
</style>
<style lang="less">
  .el-popover {
    padding: 0;

    p {
      box-sizing: border-box;
      padding-left: 20px;
    }
  }

  .el-popover__title {
    background: #1990FE;
    color: white;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
    margin-top: -11px;
  }
</style>
